export default [
  {
    cId: -1,
    component: 'Group',
    label: '组合',
    config: {},
    isBasic: true,
    style: {
      width: 0,
      height: 0
    },
    lock: true,
    resize: true,
    data: { activeSubComponentIndex: '' }
  },
  {
    cId: 0,
    component: 'Texts',
    label: '普通文本',
    isBasic: true,
    config: {
      text: '<span style="color:rgba(51, 51, 51, 1);">文本内容文本内容文本内容文本内容文本内容文本内容文本内容</span>',
      jump: false,
      jumpType: 0,
      url: '',
      bordered: false,
      color: 'rgba(51, 51, 51, 1)'
    },
    style: {
      lineHeight: '1.0',
      width: 750,
      height: 68,
      backgroundColor: 'rgba(255,255,255, 1)',
      fontSize: 28,
      fontWeight: 'normal',
      textDecoration: '',
      textAlign: 'justify',
      borderWidth: 1,
      borderColor: 'rgba(68, 68, 68, 1)',
      borderStyle: 'solid',
      borderRadius: 0
      // color: 'rgba(51, 51, 51, 1)'
    },
    resize: true,
    flexible: false
  },
  {
    cId: 1,
    component: 'Picture',
    label: '单张图片',
    isBasic: true,
    config: {
      imgSrc: '',
      jump: false,
      jumpType: 0,
      url: '',
      bordered: false
    },
    style: {
      width: 750,
      height: 360,
      borderWidth: 1,
      borderColor: 'rgba(68, 68, 68, 1)',
      borderStyle: 'solid',
      borderRadius: 0
    },
    origin: {
      width: 750,
      height: 360,
      top: 0,
      left: 0
    },
    resize: true,
    lock: false
  },
  {
    cId: 2,
    component: 'FundVideo',
    label: '单个视频',
    isBasic: true,
    config: {
      videoUrl: '',
      imgSrc: '/admin/images/marketing/landingPage/widgets/material/video-img.png',
      coverUrl: '',
      jump: false,
      jumpType: 0,
      url: '',
      bordered: false
    },
    style: {
      width: 750,
      height: 474,
      borderWidth: 1,
      borderColor: 'rgba(68, 68, 68, 1)',
      borderStyle: 'solid',
      borderRadius: 0
    },
    resize: true
  },
  {
    cId: 3,
    component: 'HotArea',
    label: '热区组件',
    isBasic: true,
    config: {
      jump: true,
      jumpType: 0,
      url: ''
    },
    style: {
      width: 750,
      height: 192
    },
    resize: true,
    lock: false
  },
  {
    cId: 4,
    component: 'VideoGroup',
    label: '视频组',
    config: {
      title: '视频聊基',
      titleColor: 'rgba(0,0,0, 1)',
      groupList: [0, 1, 2, 3].map(() => ({
        name: '专区名称',
        list: [0, 1, 2].map(() => ({
          title: '我的基金适合定投我的基金适合定投吗？',
          jump: false,
          jumpType: 0,
          url: '',
          videoUrl: '',
          coverUrl: '',
          imgSrc: '/admin/images/marketing/landingPage/widgets/material/poster-video.png'
        }))
      })),
      bordered: false
    },
    style: {
      width: 750,
      height: 426,
      borderWidth: 1,
      borderColor: 'rgba(68, 68, 68, 1)',
      borderStyle: 'solid',
      borderRadius: 0,
      backgroundColor: 'rgba(255,255,255, 1)'
    },
    data: {
      activeIndex: 0
    }
  },
  {
    cId: 5,
    component: 'Blank',
    label: '空白组件',
    isBasic: true,
    style: {
      width: 750,
      height: 240,
      backgroundColor: ''
    },
    resize: true
  },
  {
    cId: 6,
    component: 'RichText',
    label: '富文本',
    isBasic: true,
    config: {
      bordered: false,
      content: '<p>请输入富文本内容</p><p>......</p>'
    },
    style: {
      width: 750,
      height: 56,
      borderWidth: 1,
      borderColor: 'rgba(68, 68, 68, 1)',
      borderStyle: 'solid',
      borderRadius: 0,
      backgroundColor: 'rgba(255, 255, 255, 1)'
    },
    flexible: true
  },
  {
    cId: 7,
    component: 'SwiperPicture',
    label: '轮播图片',
    isBasic: true,
    config: {
      imgList: [0, 1].map(() => ({
        imgSrc: '',
        jump: false,
        jumpType: 0,
        url: '',
        objectFit: 'contain'
      })),
      playType: 'auto',
      playDelay: 5,
      bordered: false
    },
    style: {
      width: 750,
      height: 360,
      borderWidth: 1,
      borderColor: 'rgba(68, 68, 68, 1)',
      borderStyle: 'solid',
      borderRadius: 0
    },
    data: {
      activeIndex: 0
    },
    origin: {
      width: 750,
      height: 360,
      top: 0,
      left: 0
    },
    resize: true,
    lock: false
  },
  {
    cId: 8,
    component: 'Title',
    label: '主标题组件',
    isBasic: true,
    config: {
      text: '主标题',
      bordered: false,
      jump: false,
      jumpType: 0,
      url: ''
    },
    style: {
      width: 750,
      height: 74,
      opacity: 1,
      color: 'rgba(147, 83, 14, 1)',
      backgroundColor: 'rgba(255,255,255,1)',
      fontSize: 56,
      fontWeight: 'bolder',
      textDecoration: '',
      textAlign: 'center',
      borderWidth: 1,
      borderColor: 'rgba(68, 68, 68, 1)',
      borderStyle: 'solid',
      borderRadius: 0
    },
    resize: true,
    flexible: false
  },
  {
    cId: 9,
    component: 'SubTitle',
    label: '副标题组件',
    isBasic: true,
    config: {
      text: '副标题',
      bordered: false,
      jump: false,
      jumpType: 0,
      url: ''
    },
    style: {
      width: 750,
      height: 52,
      opacity: 1,
      color: 'rgba(147, 83, 14, 1)',
      backgroundColor: 'rgba(255,255,255,1)',
      fontSize: 40,
      fontWeight: 'bolder',
      textDecoration: '',
      textAlign: 'center',
      borderWidth: 1,
      borderColor: 'rgba(68, 68, 68, 1)',
      borderStyle: 'solid',
      borderRadius: 0
    },
    resize: true,
    flexible: false
  },
  {
    cId: 10,
    component: 'DoubleColumnPicture',
    label: '双栏图片',
    isBasic: true,
    config: {
      imgList: [0, 1].map(() => ({
        imgSrc: '',
        objectFit: 'contain',
        jump: false,
        jumpType: 0,
        url: ''
      }))
    },
    style: {
      width: 750,
      height: 360,
      opacity: 1,
      borderWidth: 1,
      borderColor: 'rgba(68, 68, 68, 1)',
      borderStyle: 'solid',
      borderRadius: 0
    },
    origin: {
      width: 750,
      height: 360,
      top: 0,
      left: 0
    },
    resize: true,
    lock: false
  },
  {
    cId: 11,
    component: 'Button',
    label: '按钮组件',
    isBasic: true,
    config: {
      text: '按钮',
      background: {
        fillType: 0,
        gradientModel: {
          colors: ['rgba(232, 120, 16, 1)', 'rgba(141, 99, 232, 1)'],
          rotate: 0
        },
        backgroundColor: 'rgba(16, 143, 232, 1)',
        backgroundImage: '',
        backgroundRepeat: 'no-repeat'
      },
      bordered: false,
      jump: false,
      jumpType: 0,
      url: ''
    },
    style: {
      width: 750,
      height: 112,
      opacity: 1,
      color: 'rgba(255,255,255,1)',
      fontSize: 28,
      fontWeight: 'normal',
      textDecoration: '',
      textAlign: 'center',
      borderWidth: 1,
      borderColor: 'rgba(68, 68, 68, 1)',
      borderStyle: 'solid',
      borderRadius: 0
    },
    origin: {
      width: 750,
      height: 112,
      top: 0,
      left: 0
    },
    resize: true,
    lock: false
  },
  {
    cId: 12,
    component: 'Rectangle',
    label: '矩形',
    isBasic: true,
    config: {
      background: {
        fillType: 0,
        gradientModel: {
          colors: ['rgba(232, 120, 16, 1)', 'rgba(141, 99, 232, 1)'],
          rotate: 0
        },
        backgroundColor: 'rgba(217, 217, 217, 1)',
        backgroundImage: '',
        backgroundRepeat: 'no-repeat'
      },
      bordered: true,
      jump: false,
      jumpType: 0,
      url: ''
    },
    style: {
      width: 328,
      height: 186,
      opacity: 1,
      borderWidth: 1,
      borderColor: 'rgba(68, 68, 68, 1)',
      borderStyle: 'solid',
      borderRadius: 0
    },
    origin: {
      width: 328,
      height: 186,
      top: 0,
      left: 200
    },
    resize: true,
    lock: false
  },
  {
    cId: 13,
    component: 'Lines',
    label: '线条',
    isBasic: true,
    config: {
      lineColor: 'rgba(217, 217, 217, 1)',
      lineType: { label: '实线', width: 100, value: 'linear-gradient(90deg, #000,#000)' }
    },
    style: {
      width: 328,
      height: 6,
      opacity: 1
    },
    origin: {
      width: 328,
      height: 6,
      top: 0,
      left: 100
    },
    resizePoints: ['l', 'r'],
    resize: true
  },
  {
    cId: 14,
    component: 'FundIncome',
    label: '基金收益',
    isBasic: true,
    config: {
      fundId: '',
      fundType: 4,
      hasDesc: true,
      descStyle: {
        color: 'rgba(153, 153, 153, 1)',
        fontSize: 28,
        fontWeight: 'normal',
        textDecoration: '',
        textAlign: 'center'
      },
      jump: false,
      jumpType: 0,
      url: ''
    },
    style: {
      width: 172,
      height: 88,
      left: 0,
      color: 'rgba(243, 54, 55, 1)',
      fontSize: 40,
      fontWeight: 'normal',
      textDecoration: '',
      textAlign: 'center',
      opacity: 1
    },
    data: {
      updownState: 1, // 涨跌状态
      updownValue: '00.00' // 涨跌数值
    },
    resize: true,
    lock: false
  },
  {
    cId: 20,
    component: 'Copyright',
    label: '版权声明',
    isBasic: true,
    config: {
      bordered: false,
      text: '风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示风险提示'
    },
    style: {
      width: 750,
      height: 336,
      backgroundColor: '',
      color: 'rgba(51, 51, 51, 1)',
      fontSize: 28,
      fontWeight: 'normal',
      textDecoration: '',
      textAlign: 'justify',
      borderWidth: 1,
      borderColor: 'rgba(68, 68, 68, 1)',
      borderStyle: 'solid',
      borderRadius: 0
    },
    flexible: true
  },
  {
    cId: 22,
    component: 'ZOSources',
    label: '数据来源',
    isBasic: true,
    config: {
      bordered: false,
      text: '',
      color: 'rgba(51, 51, 51, 1)',
      fundCode: '000000',
      fundName: '基金名称基金名称基金名称'
    },
    style: {
      width: 750,
      height: 336,
      backgroundColor: 'rgba(255, 255, 255, 1)',
      fontSize: 28,
      fontWeight: 'normal',
      textDecoration: '',
      textAlign: 'justify',
      borderWidth: 1,
      borderColor: 'rgba(68, 68, 68, 1)',
      borderStyle: 'solid',
      borderRadius: 0
    },
    resize: true,
    flexible: false
  },
  {
    cId: 23,
    component: 'ZOParallelogram',
    label: '平行四边形',
    isBasic: true,
    config: {
      background: {
        fillType: 1,
        gradientModel: {
          colors: ['	rgba(0,56,169,1)', 'rgba(0,87,206,1)'],
          rotate: 0
        },
        backgroundColor: 'rgba(217, 217, 217, 1)',
        backgroundImage: '',
        backgroundRepeat: 'no-repeat'
      },
      bordered: true
    },
    style: {
      width: 400,
      height: 100,
      left: 40,
      backgroundColor: 'rgba(206,217,238,1)',
      opacity: 1
    },
    resize: true,
    flexible: false,
    resizePoints: ['l', 'r', 'b', 't']
  }
];
